import { App } from "vue";

import VMdEditor from "@kangc/v-md-editor";
import "@kangc/v-md-editor/lib/style/base-editor.css";
import githubTheme from "@kangc/v-md-editor/lib/theme/github.js";
import "@kangc/v-md-editor/lib/theme/style/github.css";

// highlightjs
import hljs from "highlight.js";

// // codemirror 编辑器的相关资源
// import Codemirror from "codemirror";
// // // mode
// import "codemirror/mode/markdown/markdown";
// import "codemirror/mode/javascript/javascript";
// import "codemirror/mode/css/css";
// import "codemirror/mode/htmlmixed/htmlmixed";
// import "codemirror/mode/vue/vue";
// // edit
// import "codemirror/addon/edit/closebrackets";
// import "codemirror/addon/edit/closetag";
// import "codemirror/addon/edit/matchbrackets";
// // placeholder
// import "codemirror/addon/display/placeholder";
// // active-line
// import "codemirror/addon/selection/active-line";
// // scrollbar
// import "codemirror/addon/scroll/simplescrollbars";
// import "codemirror/addon/scroll/simplescrollbars.css";
// // style
// import "codemirror/lib/codemirror.css";

// VMdEditor.Codemirror = Codemirror;
VMdEditor.use(githubTheme, {
  Hljs: hljs
});

export function useVMdEditor(app: App) {
  // 注册组件
  app.use(VMdEditor);
}
